<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
	<form action="" method="get" enctype="multipart/form-data"><!-- 表单 -->
		<input id="user_name" type="text" name="user_name" value="" placeholder="用户名"><br>
		<input type="password" name="user_pass" value="" placeholder="密码"><br>
		<input type="radio" name="sex">男<br>
		<input type="radio" name="sex">女<br>
		<input type="checkbox" name="interest">打球<br>
		<input type="checkbox" name="interest">打球1<br>
		<input type="checkbox" name="interest">打球2<br>
		<input type="file" name="file"><br>
		<input type="reset" name="reset">重置<br>
		<input type="button" name="tj" value="提交"><br>
		<input type="submit" name="add" value="保存"><br>
		<input type="image" name="file" value="88"><br>
		<textarea rows="20" cols="10" name="content">ddsssddd</textarea><br>
		<input type="hidden" value="99">
		
		<select name="area">
			<optgroup label="华南区">
				<option value="1">广西</option>
				<option value="2">广东</option>
			</optgroup>
			<optgroup label="华东区">
				<option value="3">上海</option>
				<option value="4" selected="selected">江苏</option>
			</optgroup>
		</select>
		<br>
		<select name="role" multiple="multiple" size="3">
			<option value="1">游客</option>
			<option value="2">普通会员</option>
			<option value="3">普通会员</option>
			<option value="4">管理员</option>
		</select>
		<br>
		<input type="date" name="startDate"><!-- 日期选择器 -->
		<br>
		<input type="color" name="color"><!-- 颜色选择器 -->
		<br>
		<audio id="player" src="张娜啦.mp3" controls="controls" autoplay="autoplay" loop="loop"></audio>
		<ol>
			<li>张娜啦.mp3</li>
			<li>陈果 - 蜗牛.mp3</li>
			<li>陈果 - 再见杨柳.mp3</li>
			<li>米线 - 红尘有你.mp3</li><!-- dreamware -->
		</ol>
		<input type="button" onclick="nextM()" value="下一首">
		
		<script type="text/javascript">
			var index=0;
			function nextM(){
				var list=document.getElementsByTagName("li");
				for(var i=0;i<list.length;i++){
					if(i>index){
						document.getElementById("player").src=list[i].innerHTML;
						index++;
						if(index==list.length){
							index=0;
						}
						break;
					}
					
				}
				
			}
		</script>
	</form>
</body>
</html>